﻿<extend name="Index/index" />
<!-- 引入分类css -->
<block name="classify">
<link rel="stylesheet" href="__PUBLIC__/my2_1.css">
</block>

<!-- 引入内容 -->
<block name="content">
    <div class="container" id="bg2">
        <div id="box2"><span id="yiji"><span class="glyphicon glyphicon-equalizer" id="span1"></span>
        <if condition="($pname eq null) AND ($ppname eq null)"><{$classify}><elseif condition="($pname neq null) AND ($ppname neq null)" /><{$ppname}><else /><{$pname}></if>
        <span class="glyphicon glyphicon-menu-down" id="span2"></span><span class="glyphicon glyphicon-menu-up" id="span3"></span></span><span id = "erji"><if condition="($pname neq null) AND ($ppname eq null)"><a href="">-><{$classify}></a><else /><a href="<{:U('Classify/index',array('id'=>$pid))}>"><{$pname}></a></if></span><span id = "sanji"><if condition="$ppname neq null"><a href="">-><{$classify}></a></if></span></div>
        <div id="box3">
            <ul>
                <li><a href="<{:U('Classify/index?id=56')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>美食/营养</a></li><hr>
                <li><a href="<{:U('Classify/index?id=57')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>手工/爱好</a></li><hr>
                <li><a href="<{:U('Classify/index?id=58')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>健康/养生</a></li><hr>
                <li><a href="<{:U('Classify/index?id=59')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>职场/理财</a></li><hr>
                <li><a href="<{:U('Classify/index?id=60')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>母婴/教育</a></li><hr>
                <li><a href="<{:U('Classify/index?id=61')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>游戏/数码</a></li><hr>
                <li><a href="<{:U('Classify/index?id=62')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>生活/家居</a></li><hr>
                <li><a href="<{:U('Classify/index?id=63')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>运动/户外</a></li><hr>
                <li><a href="<{:U('Classify/index?id=64')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>情感/交际</a></li><hr>
                <li><a href="<{:U('Classify/index?id=65')}>"><span class="glyphicon glyphicon-equalizer" id="span1"></span>时尚/美容</a></li>
            </ul>
        </div><hr>
        <div id="box4">
            <ul>

                <volist name="data2" id="class_vo">
                <li><a href="<{:U('Classify/index',array('id'=>$class_vo['id']))}>"><{$class_vo.name}></a></li>
                </volist>
            </ul>
        </div><hr>
        <div class="row" id="box5">

            <div class="col-md-12">
                <div class="row">
                <volist name="content" id="vo">
                  <div class="col-sm-6 col-md-4">
                    <div class="thumbnail au">
                      <a href="<{:U('Content/index',array('id'=>$vo['id']))}>" target="_blank"><img src="__ROOT__<{$vo._s_picture}>" onerror="onerror=null;src='__PUBLIC__/Uploads/error.jpg'"></a>
                      <a href="<{:U('Content/index',array('id'=>$vo['id']))}>" target="_blank"><p class="title"><{$vo.title}></p></a>
                      <a href="<{:U('Pers/index',array('uid'=>$vo['uid']))}>" target="_blank"><span><{$vo.uname}></span></a>
                      <span class="glyphicon glyphicon-thumbs-up"></span><{$vo.g_count}>
                      <a href=""><span class="glyphicon glyphicon-new-window"></span><{$vo['collector']}></a>
                    </div>
                  </div>
                </volist>
                </div><!-- end row -->
            </div>

        </div>
    </div><!-- end container -->
</block>

<!-- 右边显示为空 -->
<block name="right">
</block>

<!-- 引入分类达人 -->
<block name="show_man">
    <div class=" recommend">
        <h2 class="title"><strong>分享达人</strong></h2>
        <ul>
        <div class="col-md-12" id="box6">
                        <p id="p4">分享达人</p>
                        <volist name="show_man" id="vo">
                        <div class="p5">
                              <div class="row">
                                    <div class="col-md-3">
                                        <div class="touxiang">
                                            <img src="__ROOT__<{$vo.user_info.thumbpath}>">
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <a href="<{:U('Pers/index',array('uid'=>$vo['user_info']['uid']))}>"><{$vo.user_info.name}></a><br>
                                        <span>共贡献经验:<{$vo.user_info.count}>篇</span>
                                    </div>
                              </div>
                        </div>
                        <ul>
                            <volist name = "vo['experience']" id = "vo2">
                            <li class="li"><a target="_blank" href="<{:U('Content/index',array('id'=>$vo2['id']))}>"><{$vo2.title}></a></li>
                            </volist>
                        </ul>
                        </volist>

                        
                        
                        <p class="p6">分类管理员</p>
                        <div class="row p5">
                            <div class="col-md-3">
                                <div class="touxiang">
                                      <img src="__PUBLIC__/images/logo_1.png">
                                </div>
                            </div>
                            <div class="col-md-9">
                                  <a href="">赵洪伟</a><br>
                                  <span>QQ:569700663</span>
                            </div>
                        </div>
                    </div>
        </ul>
    </div>
</block>

<!-- 引入js -->
<block name="classify_js">
    <script src="__PUBLIC__/js/holder.min.js"></script>
    <script type="text/javascript">

        $('#yiji').click(function(){
            $('#box3').slideToggle(300);
            $('#span2').toggle(100);
            $('#span3').toggle(100);
        });

        $('#box3 li').bind({
                'mouseover':function(){
                    $(this).css('text-shadow','1px 1px 1px #54C440');
                },
                'mouseout':function(){
                    $(this).css('text-shadow','');
                },
            })

        //进入页面就默认展开一项
            $('#box6 ul:first').show();
            //box绑定事件
            $('#box6 .p5').mouseover(function(){
                $(this).next('ul').slideDown(100).siblings('ul').slideUp(100);
            })
        
    </script>

</block>
